<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:comp="http://java.sun.com/jsf/composite/comp"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:body>
        <!-- esta página utiliza como template o tema "template.xhtml" -->
        <ui:composition template="template.xhtml">
            <!-- O titulo desta página é "página do aluno" -->
            <ui:param name="titulo" value="página do aluno" />
            <!-- O que foi informado como "conteúdo" no template deve ser preenchido com isto: -->
            <ui:define name="conteudo">
                <div class="titulo">
                    <img src="imgs_layout/img_meus_dados.gif" width="65" height="60" alt="Meus Dados" class="titulo_img" />
                    <h1>Membros do CLA</h1>
                    <span>Gerencie os membros do seu CLA</span>
                </div>
                <!--<comp:formulario_tutor />-->
                <h:form id="form">
                    <div style="margin-top: 40px; margin-bottom: 40px; text-align: center">
                        Selecione uma opção ou membro do CLA:
                        <h:selectOneMenu id="select"  value="#{ClaController.id}" styleClass="input form_select" style="margin-left:9px">
                            <f:selectItem itemLabel="Inserir novo membro no CLA" itemValue="0" />
                            <f:selectItems value="#{ClaController.tmap}" />
                            <p:ajax update="dados botoes" listener="#{ClaController.prepararEdicao}" />
                        </h:selectOneMenu>
                    </div>
                    <h:panelGroup id="dados" >
                        <comp:formulario_usuario object="#{ClaController.usuario}" usuario="cla" fullaccess="#{true}" />
                    </h:panelGroup>
                    <h:panelGroup id="botoes">
                        <p class="ultimo_paragrafo">
                            <p:commandButton style="margin-top:18px" update="form growl" value="Salvar" action="#{ClaController.salvar}" 
                                             rendered="#{ClaController.usuario.id eq 0}"
                                             onclick="salvar.disable(); setVisible('loading')"
                                             oncomplete="salvar.enable(); setHidden('loading')" />
                            <p:commandButton style="margin-top:18px" update="form growl" value="Salvar" action="#{ClaController.editar}" 
                                             rendered="#{not(ClaController.usuario.id eq 0)}" />
                        </p>
                    </h:panelGroup>    
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>